/* CSS Document */

        body {
        }
        
        .h5{
            height: 5px;
            width: 100%;
            display: block;
            margin:0;
        }

        .topbar {
            background: #FF8400;
            height: 50px;
            border-bottom: 1px solid #DDDFE3;
            position: relative;
        }

        .topbar_title {
            display: inline-block;
            font-size: 20px;
            line-height: 50px;
            padding-left: 12px;
        }

        .whitebar {
            background-color: #fcfcfc;
        }

        .back {
            float: left;
        }

        .secClasslistarrow {
            vertical-align: top;
            width: 15px;
            padding-top: 12px;
            padding-left: 10px;
            padding-bottom: 12px;
            box-sizing:content-box;
        }

        .topbar .title {
            line-height: 50px;
            position: absolute;
            font-size: 20px;
            max-width: 100%;
            padding:0 30px;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            white-space: nowrap;
            text-overflow: ellipsis;
            word-wrap: normal;
            overflow: hidden;
        }

        .share {
            position: absolute;
            margin-top: 10px;
            right: 11px;
            padding: 5px 5px 6px 10px;
            color: #38ADFF;
            font-weight: bold;
        }

        .page {
			margin-bottom:70px;
        }

        .divBody {
            /*overflow-y: scroll;*/
            padding-top:10px;		
        }

		.divBody div[id^='context'] {
		}

		.divBody div[id^='context'] > label {
			float: left;
			width: auto;
			margin: 0.8rem 0;
			margin-left: 1rem;
			word-wrap: break-word;
			word-break: break-all;
		}

        hr {
            background-color: #eee;
            height: 1px;
            width: 100%;
            margin-bottom:0px
        }

            hr.transparent {
                background-color: #F8F8F8;
            }

        .divBody div[id^='context'] > input, textarea {
            width: 67%;
            height: 2.81rem;
            float: right;
        }

        .divBody div[id^='context'] > textarea {
            height: 6rem;
            padding: 0.85rem 0;
            font-family: sans-serif;
        }

        .switch {
            /* text-align: right; */
            padding-right: 1rem;
            width: auto;
            /* height: 22px; */
            display: flex;
            /* float: right; */
        }

        .switch-active {
            background-color: #38ADFF;
        }

        .switch span {
            padding: 0.35rem 0.45rem;
            font-size: 14px;
            border: 1px solid #666666;
            border-left: 0;
            margin: 0.5rem 0;
            display: flex;
            align-items: center;
        }

            .switch span:first-child {
                border-left: 1px solid #666666;
                border-radius: 8px 0px 0px 8px;
            }

            .switch span:last-of-type {
                border-radius: 0px 8px 8px 0px;
            }

        .select {
            float: right;
            width: 67%;
            padding: 0.8rem 0;
            padding-right: 1rem;
            box-sizing: border-box;
        }

            .select *:first-child {
                float: left;
            }

            .select img {
                float: right;
                width: 1rem;
            }

        .contextHead {
            width: 100%;
            padding: 0.8rem 0;
            background: #38ADFF;
            color: #fff;
            position: relative;
        }

            .contextHead .left {
                margin-left: 1rem;
                font-size:16px;
            }

            .contextHead .right {
                position: absolute;
                right: 0.89rem;
                top:50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                font-size: 1rem;
                padding: 0.1rem;
            }

        #addChildBtn {
            background: #4DC060;
            /* margin: 0.5rem auto; */
            color: #fff;
            text-align: center;
            border-radius: 6px;
            height: 40px;
            line-height: 40px;
            width: 49%;
            float: left;
        }

        #addFamilyMemberBtn{
            background: #4DC060;
            margin-left: 0.5rem;
            color: #fff;
            text-align: center;
            border-radius: 6px;
            height: 40px;
            line-height: 40px;
            width: 49%;
            float: left;
        }

        #submit {
            background: #38ADFF;
            margin-left:0.5rem;
            /* margin: 0.5rem auto; */
            color: #fff;
            text-align: center;
            border-radius: 6px;
            height: 40px;
            line-height: 40px;
            width: 49%;
            float: right;
        }

        .know {
            background: #38ADFF;
            /* margin: 0.5rem; */
            color: #fff;
            text-align: center;
            border-radius: 6px;
            height: 40px;
            line-height: 40px;
            /* width: 100%;
            float: right; */
        }
        
        #pay{
            background: #38ADFF;
            /* margin: 0.5rem; */
            color: #fff;
            text-align: center;
            border-radius: 6px;
            height: 40px;
            line-height: 40px;
            /* width: 100%;
            float: right; */
        }

        .photo {
            background-color: #fff;
            border-bottom: 1px solid #e0e0e0;
        }

            .photo li {
                padding-left: 1rem;
                padding-bottom: 15px;
                display: inline-block;
                width: 33%;
            }

                .photo li img {
                    width: 98%;
                }

            .photo span {
                color: #CCC;
                font-size: 1rem;
                line-height: 40px;
                margin-left: 1rem;
            }

        span.head {
            color: #CCC;
            font-size: 18px;
            line-height: 40px;
            margin-left: 10px;
        }

        .hide {
            display: none !important;
        }

        input:focus {
            outline-width: 0;
        }
        /*图标*/
        @font-face {
            font-family: "auiicon";
            src: url('CSS/aui/aui_iconfont.ttf') format('truetype');
        }

        .aui-iconfont {
            position: relative;
            font-family: "auiicon" !important;
            font-size: 1.06rem;
            font-style: normal;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        .aui-icon-close:before {
            content: "\e646";
        }

        .markedWords {
            margin-left: 0px;
            margin-top: 0;
            padding: 0;
            background-color: #7f7f7f;
            color: #FFFFFF;
            font-size: 0.9rem;
        }

        .markedWordsspan {
            /*margin: 0.4rem 0;*/
            /* margin-left: 0.4rem; */
            /* margin-top: 0.6rem; */
            margin-bottom: 0.4rem;
        }
        
        .markedWordsspan-600 {
            font-weight: bold;
        }

        .markedWordsspan-content{
            padding-top:8px;
            padding-bottom:2px;
        }

        .markedWordsspan-item{
            padding-top:8px;
            padding-bottom:8px;
            margin:0;
        }

        .aui-checkbox-left {
            width: 22px !important;
            min-height: 22px !important;
            height: 22px !important;
            border-radius: 4px !important;
            border: 1px solid #ddd !important;
            -webkit-appearance: none;
            transition: background-color ease 0.1s;
            position: relative;
            outline: none !important;
        }

            .aui-checkbox-left:checked {
                background-color: #38ADFF;
                /*border: solid 1px #38ADFF;*/
                border: 0px !important;
                text-align: center;
            }

                .aui-checkbox-left:checked:before {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    font-size: 16px;
                    display: inline-block;
                    font-family: "auiicon";
                    content: "\e645";
                    color: #ffffff;
                }

                .aui-checkbox-left:checked:after {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    font-size: 16px;
                    display: inline-block;
                    font-family: "auiicon";
                    content: "\e645";
                    color: #ffffff;
                }

            .aui-checkbox-left:disabled {
                border: solid 1px #d9d9d9;
                background-color: #FFFFFF;
            }

                .aui-checkbox-left:disabled:before {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    display: inline-block;
                    font-family: "auiicon";
                    content: "";
                    font-size: 16px;
                    color: #ffffff;
                }

                .aui-checkbox-left:disabled:after {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    display: inline-block;
                    font-family: "auiicon";
                    content: "";
                    font-size: 16px;
                    color: #ffffff;
                }

            .aui-checkbox-left:checked:disabled {
                background-color: #d9d9d9;
                border: 0px;
                /*border: solid 1px #d9d9d9;*/
            }

                .aui-checkbox-left:checked:disabled:before {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    display: inline-block;
                    font-family: "auiicon";
                    content: "\e645";
                    font-size: 16px;
                    color: #ffffff;
                }

                .aui-checkbox-left:checked:disabled:after {
                    position: absolute;
                    left: 50%;
                    top: 50%;
                    -webkit-transform: translateX(-50%) translateY(-50%);
                    transform: translateX(-50%) translateY(-50%);
                    display: inline-block;
                    font-family: "auiicon";
                    content: "\e645";
                    font-size: 16px;
                    color: #ffffff;
                }
        /* lixiaowei */
        .flexContent{
            display: flex;
            /*padding-left:20px;
            padding-right:20px;*/
        }
        .flexContent > label{
            /* margin-right:0.4rem; */
            display: inline;
        }
        .flexContent > .title-label{
            /* margin-right:0.4rem; */
            display: inline;
            position: absolute;
        }
        .flexContent > .labelNext{
            /*margin-left:18px;*/
        }
        .flexContent > .labelNext2{
            margin-left:18px;
        }
        .firstTitle{
            display: flex;
            /*padding:10px 20px;*/
            color: #0066FF;
            font-weight: bold;
        }
        .flexChild{
            display: flex;
            justify-content: space-between;
            border-bottom: 1px solid #eee;
            align-items: center;
            overflow: hidden !important;
        }
        .flexChild > .childInfo{
            width: auto;
            margin: 1rem 0;
            margin-left: 1rem;
            word-wrap: break-word;
            word-break: break-all;
            font-size:16px;
            font-weight: 500;
            position: relative;
        }
        .flexChild > .selectClass{
            width: 66.7%;
            /* line-height: 46px; */
            font-size: 16px;
            height: 22px;
            margin: 1rem 0;
            margin-left: 1rem;
            word-wrap: break-word;
            word-break: break-all;
            font-size:16px;
            border:0px;
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: #fff;
            font-weight: normal;
        }

        .applySelect {
            width: 66.7%;
        }

        .applySelect>select {
            font-size: 16px;
            height: 22px;
            margin: 1rem 0;
            margin-left: 1rem;
            word-wrap: break-word;
            word-break: break-all;
            font-size: 16px;
            border: 0px;
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: #fff;
            font-weight: normal;
        }

        .selectClass:invalid {
            color: #757575;
        }
        .flexChild > .childInput{
            width: 66.7%;
            /* line-height: 46px; */
            font-size: 16px;
            height: 36px;
            padding: 10px 0;
        }
        .flexChild > .readOnlyInput{
            width: calc(66.7% - 22px);
            /* height: 20px; */
            /* line-height: 20px; */
            font-size: 16px;
            /* padding: 10px 0; */
            margin-right: 22px;
            box-sizing: border-box;
            margin-bottom: 0px !important;
            color: rgb(117, 117, 117);
            font-weight: normal;
        }
        .flexChild > .spe{
            position: absolute;
            top: 7px;
            right: -5px;
            z-index: 10;
        }
        .flexLast{
            display: flex;
            padding: 10px;
            border-bottom:1px solid #eee;
            align-items: center;
            justify-content: space-between;
        }
        .flexLast > .childName{
            font-size:16px;
            font-weight: 500;
        }
        .flexLast > .payment{
            display: inline-block;
            padding:2px 4px;
            background:#38adff;
            color: #fff;
            border-radius: 3px;
        }
        .paymentName{
            display: flex;
            justify-content: center;
            font-size:16px;
            padding:10px 0;
        }
        .paymentMoney{
            display: flex;
            justify-content: center;
            align-items: center;
            padding-bottom: 10px;
        }
        .paymentMoney > .paymentIcon{
            font-size:22px;
            position: absolute;
            left:50%;
            margin-left:-80px;
        }
        .paymentMoney > input{
            width: 100px;
            border: 1px solid #999;
            /* border-top: 1px solid #999;
            border-bottom: 1px solid #999; */
            padding:5px 10px;
            border-radius: 5px;
            /* margin-left:5px; */
            outline:none;
        }
        .flexPayment{
            display: flex;
            flex-direction: row;
            padding:5px 20px;
        }
        .flexPayment > .itemName{
            width:100px;
            display: flex;
            align-items: center;
            justify-content: center;
        }
        .flexPayment > .itemContent{
            flex:1;
            text-align: center;
            display: flex;
        }
        .flexPayment > .itemContent > textarea{
            width: 100%;
            border:1px solid #999;
            border-radius: 3px;
            padding:8px;
            height: 80px;
            outline:none;
            margin-left:20px;
            margin-top:10px;
        }
        .thridHeader{
            position: fixed;
            width: 100%;
            top:0;
            z-index: 9;
        }
        .selectInput{
            position: fixed;
            bottom:52px;
            background: #fff;
            width: 100%;
        }
        .bottomSubmit{
            padding:0.5rem;
            display: flex;
            position: fixed;
            width: 100%;
            bottom:0;
            background:#ffffff;
            height: 52px;
            z-index: 1001;
        }
        .bottomSubmit > div{
            flex: 1;
        }
        .middleSubmit{
            padding:0.5rem;
            display: flex;
            position: fixed;
            width: 100%;
            top:50%;
            transform: translateY(-50%);
            background:#ffffff;
            height: 148px;
            flex-direction: column;
        }
        .middleSubmit > div{
            flex: 1;
            margin: 0 30px;
            font-size: 18px;
        }
        .middleSubmit > div:first-child{
            margin-bottom: 60px !important;
        }
        .allScreen{
            position: fixed;
            width:100vw;
            height: 100vh;
            background:rgba(0, 0, 0, 0);
            z-index: 999;
        }
        .allScreen > .loading{
            width: 200px;
            height: 200px;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background:rgba(0, 0, 0, .5);
            color: #ffffff;
            display: flex;
            align-items: center;
            flex-direction: column;
            box-sizing: border-box;
            padding-top:20px;
            border-radius: 10px;
        }
        .allScreen > .loading > .text{
            padding-top:20px;
            font-size: 18px;
        }
        .allScreen > .dialog{
            width: 300px;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            background: #ffffff;
            border-radius: 5px;
            
        }
        .allScreen > .dialog > .dialogBody{
            padding:15px;
            display: flex;
            flex-direction: column;
        }
        .dialogBody > .inputItem{
            width:100%;
            display: flex;
            flex-direction: row;
        }
        .dialogBody > .inputItem > input{
            width: 100px;   
            border-radius: 5px;
            border:1px solid #bbb;
            outline: none;
            padding: 7px 10px;
            flex:1;
        }
        .dialogBody > .inputItem > .sendMessage{
            font-size: 14px;
            color: #fff;
            text-align: center;
            text-shadow: 0 1px 1px rgba(0,0,0,.2);
            background: #0085d4;
            border: 0;
            border-radius: 5px;
            box-shadow: inset 0 1px 0 rgba(255,255,255,.3),0 1px 1px rgba(50,50,50,.05);
            outline: 0;
            cursor: pointer;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            margin-left:10px;
            width:110px;
        }
        .dialogBody > .inputItem > .sendMessage:disabled{
            background: #bbb;
        }
        .allScreen > .dialog > .dialogFooter{
            display: flex;
            flex-direction: row;
            border-top:1px solid #999;
        }
        .allScreen > .dialog > .dialogFooter > .dialogBtn{
            flex:1;
            border-right:1px solid #999;
            text-align: center;
            font-size: 14px;
            padding:8px 0;
        }
        .allScreen > .dialog > .dialogFooter > .dialogBtn:last-child{
            border-right:0px;
        }
        /*单选框复选框*/
        .aui-checkbox{
            width: 22px !important;
            min-height:22px !important;
            height: 22px !important;
            margin:0px;
            /* border-radius: 4px !important; */
            border-radius: 50% !important;
            border: 1px solid #ddd !important;
            -webkit-appearance: none;
            transition: background-color ease 0.1s;
            position:relative;
            outline:none !important;
            margin-right: 20px !important;
        }
        .aui-checkbox:checked {
            background-color: #38ADFF;
            /*border: solid 1px #38ADFF;*/
            border: 0px !important;
            text-align: center;
        }
        .aui-checkbox:checked:before {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            font-size: 16px;
            display: inline-block;
            font-family: "auiicon";
            content: "\e645";
            color: #ffffff;
        }
        .aui-checkbox:checked:after {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            font-size: 16px;
            display: inline-block;
            font-family: "auiicon";
            content: "\e645";
            color: #ffffff;
        }
        .aui-checkbox:disabled {
            border: solid 1px #d9d9d9;
            background-color:#FFFFFF;
        }
        .aui-checkbox:disabled:before {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            display: inline-block;
            font-family: "auiicon";
            content: "";
            font-size: 16px;
            color: #ffffff;
        }
        .aui-checkbox:disabled:after {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            display: inline-block;
            font-family: "auiicon";
            content: "";
            font-size: 16px;
            color: #ffffff;
        }
        .aui-checkbox:checked:disabled {
            background-color: #d9d9d9;
            border: 0px;
            /*border: solid 1px #d9d9d9;*/
        }
        .aui-checkbox:checked:disabled:before {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            display: inline-block;
            font-family: "auiicon";
            content: "\e645";
            font-size: 16px;
            color: #ffffff;
        }
        .aui-checkbox:checked:disabled:after {
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
            display: inline-block;
            font-family: "auiicon";
            content: "\e645";
            font-size: 16px;
            color: #ffffff;
        }
        .redFlag{
            display: inline-block;
            color: #e51c23;
            position: absolute;
            top: 3px;
            padding-left: 5px;
        }

        /*
        报名班级
        by zw 20190415
        */
        .applyClass {
            display: none;
        }

        .applyClass .applySelect {
            float: right;
        }

        .applySelect {
            width: 66.7%;
            color: #757575;
        }

        .applySelect>select {
            font-size: 16px;
            width: 60%;
            height: 22px;
            margin: 1rem 0;
            word-wrap: break-word;
            word-break: break-all;
            font-size: 16px;
            border: 0px;
            outline: none;
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background: #fff;
            font-weight: normal;
        }

        .waitDialog {
            position: fixed;
            width: 100vw;
            height: 100vh;
            background: rgba(0, 0, 0, 0);
            z-index: 999;
            display: none;
        }

        .waitDialog .dialog {
            max-height: 200px;
            width: 80%;
            background-color: #fff;
            border-radius: 5px;
            margin: 40% auto;
        }

        .waitDialog .dialogFooter {
            display: flex;
            justify-content: space-around;
        }

        .waitDialog .dialogBody {
            padding: 20px;
            font-size: 18px;
        }

        .waitDialog .dialogBtn {
            width: 50%;
            text-align: center;
            height: 40px;
            line-height: 40px;
            border-top: 0.1px solid #666;
        }

        .waitDialog .dialogBtn:first-child {
            border-right: 0.1px solid #666;
        }

        /*end zw 20190415*/
		.tp{
			margin-top: 15px;
		}
		.fp{
			margin-top: 20px;
		}